<script setup lang='ts'>
import { ElCard } from 'element-plus'

import Management from './management.vue'
import Review from './review.vue'

const activeName = ref('first')
const componentDom = computed(() => {
    return activeName.value === 'first' ? Management : Review
})
</script>

<template>
    <ElCard shadow="never">
        <el-tabs v-model="activeName">
            <el-tab-pane label="品牌管理"
                         name="first"
            >
                <el-tab-pane label="品牌审核"
                             name="second"
                />
            </el-tab-pane>
        </el-tabs>

        <component :is="componentDom" />
    </ElCard>
</template>
